﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Easyui扩展库 提示框 - 落阳 整理</title>
    <link href="http://www.easyui-extlib.com/Content/Site.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery/jquery-1.11.0.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-extensions/jquery.jdirk.js"></script>
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/default/easyui.css" rel="stylesheet" />
    <link href="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/themes/icon.css" rel="stylesheet" />
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>

    <script src="http://www.easyui-extlib.com/Scripts/jquery-easyui-extensions/base/jeasyui.extensions.base.tooltip.js"></script>
    <script>
        $(function () {

            $.easyui.tooltip.init($("#t1"), {
                position: "right",
                content: "信息1"
            });

            $.easyui.tooltip.init($("#t2"), {
                content: "<span style=\"color:red;\">信息2</span>"
            });

            $.easyui.tooltip.init($("#t3"), {
                position: "bottom",
                content: "<div style=\"width:600px;height:480px;\"><img src=\"/Content/images/damo.jpg\" title=\"123\" /></div>"
            });

        });

    </script>
</head>
<body>
    <div class="easyui-panel" data-options="fit:true,border:false" style="padding:20px;">
        <a id="t1" href="javascript:void(0)">鼠标放上来，显示“信息1”</a>
        <br />
        <br />
        <br />
        <a id="t2" href="javascript:void(0)">鼠标放上来，显示“信息2”</a>
        <br />
        <br />
        <br />
        <div id="t3" style="width:100px; height:80px; border:1px solid red;">
            鼠标进红框，给你看吸血鬼
        </div>
    </div>
</body>
</html>
